// 初始化
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  a {
    display: block;
    color: inherit;
    text-decoration: none;
  }
  
  img {
    display: block;
    width: 100%;
  }
  
  ul {
    list-style: none;
  }
  
  .clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
  }
  
.product-bijia {
    position: relative;
  }
 .product-name {
    text-align: center;
    font-size: .27rem;
    width: 90%;
    margin: 0 auto;
    margin-top: .16rem;
  }
.product-img {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    margin: 0px auto;
  }
.product-collect {
    float: right;
    margin-right: .24rem;
    position: absolute;
    right: 0px;
    bottom: 0px;
  }

.product-com-title {
    border-top: 4px solid #7a7a7a;
    margin-top: .05rem;
  }
.product-com-title > div {
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    overflow: hidden;
    background: #dbdbdb;
    font-size: .14rem;
    border-top: 1px solid #fff;
  }
 .product-com-list > ul > li {
    font-size: .12rem;
    color: #666;
    padding: .1rem;
    padding-bottom: 0;
    line-height: .18rem;
    margin-top: .03rem;
    border-bottom: 1px solid #ccc;
  }
  .product-com-list > .more {
    padding: .1rem;
  }
.product-com-list > .more > a {
    width: 100%; 
    border: 1px solid #ccc;
    display: block;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    border-radius: .05rem;
    font-size: .22rem;
  }
.category-title{
    border: 1px solid #ccc;
    padding:0 .2rem ;
    background-color: #f6f6f6;
    height: 0.5rem;
    line-height: .5rem;
    border: 1px solid #ebebeb;
    a{
        display: inline-block;
        font-size: .2rem;
    }
}
.com-content{
    font-size: .2rem;
    line-height:1.3;
    // color: #000;
}
.product-bijia{
position: relative;

.soucang{
    width: 0.6rem;
    height: 0.6rem;
    background-color: #95d800;
    border-radius: 50%;
    line-height: .6rem;
    position: absolute;
    top: 1.1rem;
    right: .34rem;
    a{
        color: #fff;
 text-align: center;
 text-decoration: none;
    }
}
}
.qq_bijia{
    display: flex;
    
    background-color: #ffc935;
    border-bottom: 1px solid #c14d00;
    border-top: 1px solid  #c14d00;
    >div{
        border-right: 1px solid #c14d00;
        text-align: center;
        height: 0.5rem;
        line-height: .5rem;
    }
  .qq_buy{
      flex: 1;
      background-color: #ffa024;
 
  }
   .qq_canshu{ 
       flex: 1;
    } 
   .qq_conment{
    flex: 1;
    border-right: 0;
   }
}
.qq_shangcheng{
    display: flex;
    height: .6rem;
    padding: .17rem .15rem;
   
.qq_logo{
width: 0.3rem;
height: 0.3rem;
background-color: #d9111c;
margin-right:.15rem;
text-align: center;
line-height: .3rem;
span{
    color: #fff;
  
}
}
.qq_market{
font-size: .25rem;
color: #000;
margin-right:2rem;
}
.qq_price{
    font-size: .25rem;
    color: #d9111c;
    margin-right: .4rem;
}
.qq_bbbuy{
width: 0.8rem;
height: 0.4rem;
background-color: #ff5500;
border-radius: 5px;
line-height: .4rem;
text-align: center;
}
}
